$(function () {
    // alert('ok')

    // if (!localStorage.getItem('token')) {
    //     return false
    // }
    /* 效果1 ：获取用户信息 渲染到页面 */
    getUserInfo()



    /* 效果2 退出登录 */
    $('#logout-btn').on('click', function () {
        // 询问
        layui.layer.confirm('您确定要退出登录嘛？', {
            icon: 3,
            title: '提示'
        }, function (index) {
            //do something
            // 1-清除token
            localStorage.removeItem('token')
            // 2-跳转到登录页
            location.href = 'login.html'
            layui.layer.close(index);
        });
    })
})


/* 把这两个函数 放到入口函数的外面 （全局函数 window对象的方法） */
function getUserInfo() {
    // 调接口
    $.ajax({
        method: 'get',
        url: '/admin/getusers',
        success(res) {
            console.log(res);
            // 判断
            if (res.status !== 0) {
                return layui.layer.msg(res.message, {
                    icon: 5
                })
            }
            layui.layer.msg(res.message, {
                icon: 6
            })
            // console.log(res)
            // 渲染数据
            render(res.data)
        },

    })
}

// 渲染数据的函数
function render(userinfo) {
    // 渲染欢迎语
    var name = userinfo.nickname ? userinfo.nickname : userinfo.username
    $('#welcome').html('尊贵的管理员' + name)
    $('#adminwelcome').html('管理员' + name)
    // 渲染头像（如果有头像 则渲染图片头像 否则渲染文字头像）
    if (userinfo.user_pic !== null) {
        // 有图片头像(图片显示 span隐藏)
        $('.layui-nav-img').prop('src', userinfo.user_pic).show()
        $('.text-avatar').hide()
    } else {
        // 没有图片头像
        // 文字头像 （name 的首字母 并且是大写的）
        var first = name[0].toUpperCase()
        $('.text-avatar').html(first).show()
        $('.layui-nav-img').hide()
    }

}